<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>finess-index</title>
	</head>
	<body>
		<div class="box">
			<div class="swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide slide1"></div>
					<div class="swiper-slide slide2"></div>
					<div class="swiper-slide slide3"></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<main class="main">
				<div class="ranking">
					今日排名
					<span>9</span>
				</div>
				<div class="clockIn">
					累积打卡<span class="days">23</span>天
					<button class="clockBtn">今日打卡</button>
				</div>
				<div class="sport">运动数据</div>
				<div class="badge">
					累积运动徽章
					<span><strong>3</strong>枚</span>
				</div>
				<div class="train">课程训练</div>
				<div class="run">户外跑步</div>
			</main>
			<section class="hold"></section>
			<footer class="footer">
				<!-- <a href="./index.html" class="active">
					<i class="iconfont icon-index"></i>
					<span>首页</span>
				</a>
				<a href="./sport.html">
					<i class="iconfont icon-sport"></i>
					<span>运动</span>
				</a>
				<a href="./mine.html">
					<i class="iconfont icon-my"></i>
					<span>我的</span>
				</a> -->
			</footer>
		</div>
	</body>
</html>
